<template>
    <el-card class="container">
      <info-staff :card-id="idCardNo" />
      <div class="mg-t-20">
        <advanceList :card-id="idCardNo"/>
      </div>
    </el-card>
  </template>
  
  <script lang="ts">
  import {defineComponent} from 'vue'
  import {ElMessageBox, ElMessage} from 'element-plus'
  import infoStaff from './components/info-staff.vue'
  import advanceList from './components/advance-list.vue';
//   import detailStaffSalary from './components/detail-staff-salary.vue'
  export default defineComponent({
    components: {
      infoStaff,
      advanceList
    //   detailStaffSalary
    },
    data() {
      return {
        idCardNo: '',
      }
    },
    mounted() {
      if (this.$route.query?.idCardNo) {
        this.idCardNo = atob(this.$route.query.idCardNo as any)
      }
    },
    methods: {

    }
  })
  </script>
  
  <style scoped lang="stylus">
  
  </style>
  